(function($){
	$.extend({
		gouwu:{}
	})
	$.extend($.gouwu,{
		
		init:function(){
			this.loadbrand()
			this.loadtype()
			this.clickevent()
			this.loadgoods()
            if($.cookie("user")) {
                $.gouwu.shopcarList = JSON.parse($.cookie("user"))
            }
		},
		shopcar:[],
		clickevent:function(){
			$(".brand,.type").on("click",".it",function(){
				$(this).addClass("active").siblings().removeClass("active")
				$.gouwu.loadgoods()
			})
			$(".btn").click(function(){
				$.gouwu.loadgoods()
			})
			$(window).keydown(function(e){
				if(e.keyCode===13)
				$.gouwu.loadgoods()
				
			})
			$(".goods").on("click",".boot",function(){
				if($.gouwu.shopcar.length) {
                    var istrue = false
                    for (var i = 0; i < $.gouwu.shopcar.length; i++) {

                        if ($.gouwu.shopcar[i].id === $(this).data("id")) {
                            $.gouwu.shopcar[i].count++
                            istrue = true
                            break

                        }
                    }
                    if (!istrue) {
                        $.gouwu.shopcar.push({
                            id: $(this).data("id"),
                            count: 1
                        })
                    }
                }else{
                    $.gouwu.shopcar.push({
                        id: $(this).data("id"),
                        count: 1
                    })
				}

                $.cookie("user",JSON.stringify($.gouwu.shopcar))
			})


			
		},
		
		loadbrand:function(){
			$.get("data/1.json",function(data){
				data.forEach(function(item){
					$(".brand").append(`<li class="it" data-id="${item.id}">${item.brand}</li>`)
				})
			})
		},
		loadtype:function(){
			$.get("data/2.json",function(data){
				data.forEach(function(item){
					$(".type").append(`<li class="it" data-id="${item.id}">${item.type}</li>`)
				})
			})
		},
		loadgoods:function(){
			var brand=$(".brand .it.active").data("id")
			var type=$(".type .it.active").data("id")
			 
			$.get("data/3.json",function(data){
				  var arr=[]
				data.forEach(function(item){
				 $(".goods").empty()
					if(brand&&type){
					     if(item.brand===brand.toString()&&item.type===type.toString())
					      arr.push(item)
					}       
					else if(!brand&&type){
					     if(item.type===type.toString())
					        arr.push(item)
					}        
					else if(brand&&!type){
					     if(item.brand===brand.toString())
					       arr.push(item)
					 }      
					else {
						arr=data
					}
					})
					var a=0
						arr.forEach(function(item,index){
					if(item.name.indexOf($("#hhh").val()) > -1){
						a++
						kw=$("#hhh").val()
					   if(kw) kw="<span style='color:red'>"+$("#hhh").val()+"</span>"
					   $(".goods").append(`
					    <li class="it">
                            <img src="${item.pic}" style="width:200px;height:150px;">
                            <h4 class="goods-title goods-title ">${item.name.replace($("#hhh").val(),kw)}</h4>
                            <h5 style="color:red;">${item.piace}</h5>
                            <button data-id=${item.id} class="boot">加入购物车</button>
                        </li>	
					   `)
					   }
				})
				if(a%4){
					for(var i=0;i<4-a%4;i++){
						$(".goods").append("<li></li>")
					
					}
				}
				
			})
		}	
	})
	
})(jQuery)
